想用HTML5实现各种可互动动画、动效甚至游戏的移动APP设计师,却苦于不会代码的;
不过从今天开始,带你认识一款无代码做动效神器Hype3的入门教程。
也是目前大部分APP设计师最爱的HTML5制作工具和动效神器——Hype3
Hype3是一款不需要掌握编程知识就能制作出HTML 5复杂动画效果的Mac网页设计软件。Hype 3采用全新 UI 设计,增加了24种功能。首次运行时,应用会提供一些功能概览、使用教程以及各种新技巧等知识,用户可以点击右侧的功能进行查看。
hype官网地址:http://tumult.com/hype/
很不幸的这款非常棒的工具只能在MAC版电脑上使用。
25学堂想作为一名优秀的APP设计师,肯定特别希望自己能够真正独立“精益”一把,不需要依赖开发,能够把你的设计原型100%还原成产品,哪怕只是一个细微的动效。h5网站代码
而且非常看好HYPE这个软件,配上Sketch简直可以说无敌(当然还有一些bug希望在后续版本中能够改善),最后,这个软件是付费的,专业版要人民币600多,暂时没看到破解的方法,不过作为有节操的设计师,在用完试用期之后,我想我会付费去继续使用的。
当然也有破解版:http://www.xdowns.com/soft/184/apple/2015/Soft_139362.html
APP设计师最爱的HTML5制作工具和动效神器—HYPE的好处有:
1、无需代码,像AE一样使用时间轴就做可互动的动画(如上图)
2、PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF
3、3.0版还有物理特性和弹性曲线,可以发挥更强大的动画效果
4、对中国人来讲,它原生支持中文这一点也非常棒!
5、所见即所以及手机移动需求的完美支持。
下面我们就来跟随木木Hype教室 的3节课来认真的进行HYPE入门学习吧!h5新技术
第一期:零代码搞定H5动画【木木Hype教室】 初遇Hype3
第二期:零代码搞定H5动画【木木Hype教室】 熟悉Hype3
第三期:零代码搞定H5动画【木木Hype教室】 Hype3 深入进阶
在此25学堂也非常感谢静电和木木两位老师的辛勤奉献!希望这3个非常棒的Hype3入门教程是各位APP设计师新的征程!